/*  # CSS变量系统 */

/* 🔥 vilan-admin-v1 RGB分离存储颜色系统 */
:root {
  /* ============ 主题色系统 ============ */
  /* 注意：只存储RGB数值，不带rgb()包装 */
  /* ============ 主题色系统 ============ */
  --vilan-primary: 100, 135, 255;
  
  /* 🔥 新增：语义化背景色 */
  --vilan-bg-primary: 236, 242, 255;      /* 主色背景 */
  --vilan-bg-secondary: 232, 247, 255;    /* 辅色背景 */
  --vilan-bg-success: 230, 255, 250;      /* 成功背景 */
  --vilan-bg-warning: 254, 245, 229;      /* 警告背景 */
  --vilan-bg-error: 253, 237, 232;        /* 错误背景 */
  
  /* 🔥 新增：完整的灰度系统 */
  --vilan-gray-50: 249, 249, 249;
  --vilan-gray-100: 243, 244, 246;
  --vilan-gray-200: 229, 231, 235;
  --vilan-gray-300: 209, 213, 219;
  --vilan-gray-400: 156, 163, 175;
  --vilan-gray-500: 107, 114, 128;
  --vilan-gray-600: 75, 85, 99;
  --vilan-gray-700: 55, 65, 81;
  --vilan-gray-800: 31, 41, 55;
  --vilan-gray-900: 17, 24, 39;
  
  /* 🔥 新增：边框和阴影 */
  --vilan-border: 229, 231, 235;
  --vilan-border-hover: 209, 213, 219;
  --vilan-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  --vilan-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

  /* 功能色 */
  --vilan-success: 34, 197, 94;
  --vilan-warning: 245, 158, 11;
  --vilan-error: 239, 68, 68;
  --vilan-info: 59, 130, 246;

  /* ============ 背景色系统 ============ */
  --vilan-bg-primary: 255, 255, 255; // 主要背景色
  --vilan-bg-secondary: 249, 250, 251; // 次要背景色
  --vilan-bg-card: 255, 255, 255; // 卡片背景色
  
  /* 文字色 */
  --vilan-text-primary: 17, 24, 39; // 主要文字色
  --vilan-text-secondary: 107, 114, 128; // 次要文字色
  --vilan-text-muted: 156, 163, 175; // 弱化文字色
  
  /* 边框色 */
  --vilan-border: 229, 231, 235; // 边框色
  --vilan-border-hover: 209, 213, 219; // 悬停边框色
}